<template>
	<view class="all">
		<searchHead goback='gobackF' title='资金流向' searchTip='searchimg'></searchHead>
		<view class="table_list">
			<view class="thead">
				<view class="fo28_w500 tr sp_be  ">
					<view class="">
						股票名称
					</view>
					<view class="">
						主力净流入
					</view>
					<view class="">
						最新价
					</view>
					<view class="">
						涨跌
					</view>

				</view>

			</view>
			<view class="tbody">
				<view class="tr sp_be fo28_wbol" v-for="(item,index) in 8" :key="index">
					<view class="col_sp_be">
						<text class="fo30_w500">东风</text>
						<text class="fo24_w500 C999999">716.100</text>
					</view>
					<view class="lh74 c333333 ">
						102.00亿
					</view>
					<view class="lh74">
						+10.00
					</view>
					<view class="lh74">
						2.300
					</view>

				</view>

			</view>
			<!-- 
			<view class="tfoot fo26_w400 c999999">
				查看全部
			</view>
			 -->
		</view>


	</view>
</template>

<script>
	import searchHead from "@/component/searchHead/searchHead.vue"
	export default {
		components: {
			searchHead,
		},
		data() {
			return {


			};
		},

	}
</script>

<style lang="scss" scoped>
	.all {
		background-color: #FFFFFF;

	}

	.table_list {
		width: 100%;
		background-color: #FFFFFF;
		position: relative;

		.thead {

			.tr {
				border-bottom: 1rpx solid #EDEDED;
				color: #666666;
				padding: 29rpx 28rpx 31rpx 31rpx;
				width: 100%;

				view:nth-child(1) {
					text-align: start;
				}

				view {
					flex: 0 1 25%;
					text-align: end;
				}
			}
		}

		.tbody {
			width: 100%;
			min-height: calc(100vh - 446rpx);

			.tr {
				border-bottom: 1rpx solid #EDEDED;
				padding: 18rpx 29rpx 16rpx 34rpx;
				width: 100%;
				height: 110rpx;

				.C999999 {

					color: #999999;
				}

				view:nth-child(1) {
					text-align: start;
				}

				view {
					height: 100%;
					flex: 0 1 25%;
					text-align: end;

				}

				.lh74 {

					line-height: 74rpx;
				}
			}
		}

		.tfoot {
			height: 110rpx;
			line-height: 110rpx;
			text-align: center;
		}
	}
</style>
